<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>动态显示系统时间</title>
<style type="text/css">
body{
	width:913px;
	margin:0px auto;
}
.main{
	font-family:"黑体";
	font-size:25px;
	color:#CC0000;
}
	
.clock{	
	font-size: 50px;
	color: #CC0000;
	border-style:none 
}
</style>
<script type="text/javascript">
	//-----步骤0:编写一个函数displayTime,在函数内部执行以下步骤
	//-----步骤1:使用new获取日期对象(Date)
	//-----步骤2:通过Date对象获取小时,分钟,秒
	//-----步骤3:将小时,分钟,秒拼接成一个字符串
	//-----步骤4:将拼接好的字符串显示到id为"time"的文本框
	//-----步骤5:使用setTimeout()函数将diplayTime函数每秒重复执行一次
	//-------在此开始你的代码-------------------

    //-------在此结束你的代码-------------------
</script>
</head>

<body onload="displayTime()">
<div class="top">
	<img src="images/banner.png" alt="banner"/>
</div>
<div class="main">
	当前系统时间：<input class="clock" type="text" id="time" />
</div>
</body>
</html>
